<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    总结 jQuery
    1. 入口函数  $(document).ready(function(){})  $(function(){})
    2. jQuery 与 DOM 的交换  $(xx)[0]  $(xx).get(0)  $(dom)
    3. 操作类名  $(xx).add/remove/has/toggleClass()
    4. 操作属性  $(xx).attr('属性名', '属性值')，单个值表示取属性值 removeAttr()
    5. 操作样式  $(xx).css('', '') 同attr  操作多个 $(xx).css({key: value})
    6. 获取节点  $(xx).eq/find/prev/next/prevAll/prevUntil/nextAll/nextUntil/siblings/parent/parents/parentUntil/children
    7. 操作节点  $(xx).append/appendTo/prepend/prepenTo/before/after/clone()   原生js xx.insertAdjacentHTML('beforeBegin/afterBegin/beforeEnd/afterEnd', '插入内容')
    8. 赋值操作  $(xx).html()/text()/value()
    9. 动画  show()/slideIn/slideOut()/fadeIn/fadeOut()/fadeTo()  自定义动画  $(xx).animate(变化参数，动画时长，时间曲线，回调函数)
    10. 事件 $(xx).click()  $(xx).on('事件类型', '事件委托对象', 传入回调函数的参数, 回调函数) $(xx).off('事件类型', '事件委托对象', 回调函数名)
    11. 链式操作 每次操作返回原对象、
    12. jQueryBOM相关： width()/height()/offset()当前元素距离页面的上左边距 offset({top: xx}) 如果元素有定位，直接更改top、left的值 如果没有定位，添加相对定位    可读写
    position() 当前元素距离ofsetParent的上左边距（计算时当前元素的margin不算）   只读
</body>
</html>